<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/ymSpecialist.css"/>
	</head>
	<body>
		<div class="ymspecialist">
			<!-- nav导航  -->
		    <div class="yingmoo-header">
		        <p>欢迎您来鹰目<img src="img/home.png" class="home" />
		          <span class="page-text">鹰目网首页</span>
		          <span class="register">请登录</span>
		          <span class="login">免费注册</span>
		          <span class="merchant">商家管理中心</span>
		          <span class="member">会员中心
	              	<img src="img/arrows.png" class="arrows" />
	              </span>
		          <span class="mean">我的收藏
		              <img src="img/arrows.png" class="arrows" />
		            </span>
		          <span class="serve">客户服务
		              <img src="img/arrows.png" class="arrows" />
		            </span>
		          <span class="tel">客服热线</span>
		          <span class="num">
		          <img src="img/phone.png" class="tel-img" />400 650 7893</span>
		        </p>
		    </div>
			<!--  媒体导航  -->
		    <div class="yingmoo-detailsnav">
		      <div class="yingmoo-nav">
		        <div class="navlogo-text">
		          <img src="img/first_img2.png" class="first-img2" />
		        </div>
		        <div class="yingmoo-nav-mean">
		          <div class="yingmoo-nav-mean-div">
		            <input type="text" id="yingmoo-page-ipt" class="yingmoo-page-ipt" />
		            <div class="btn-soso">
		              <p>搜索</p>
		            </div>
		            <div class="btn-sousuo">
		              <img src="img/location.png" />
		            </div>
		          </div>
		          <p class="hot-sousuo">热门搜索：
		            <span>国际媒体</span>
		            <span>LED</span>
		            <span>地铁媒体</span>
		            <span>电梯框架</span>
		            <span>公交车身</span>
		            <span>候车亭</span>
		          </p>
		        </div>
		      </div>
		      <div class="btn-my">
		        <div class="btn-my-shopmall">
		          <div class="img"></div>
		          <p>我的商城</p>
		          <div class="img1"></div>
		        </div>
		        <div class="btn-my-settle">
		          <div class="img2"></div>
		          <p>购物车结算</p>
		          <div class="img1"></div>
		        </div>
		      </div>
		    </div>
			<!-- 全部分类导航  -->
		    <div class="yingmoo-column">
		      <div class="navstrip"></div>
		      <div class="navbag">
		        <div class="column-navbar">
		          <h1 class="column-title" id="column-title">
		            <img class="column-icon" src="img/icon-yun1.png" />
		            <span class="column-name">全部媒体分类</span>
		            <img class="column-arrow" src="img/bg-arrow.png" />
		          </h1>
		          <ul class="media-nav-tab" id="media-nav-tab">
		            <a href="http://localhost:8080/#/ymMediaDowntown"><li>市区媒体</li></a>
		          	<a href="http://localhost:8080/#/ymHighspeed"><li>高速媒体</li></a>
		          	<a href="http://localhost:8080/#/ymMediaPublic"><li>公交媒体</li></a>
		          	<a href="http://localhost:8080/#/ymMetro"><li>地铁媒体</li></a>
		          	<a href="http://localhost:8080/#/ymAirport"><li>机场媒体</li></a>
		          	<a href="http://localhost:8080/#/ymMediaTrain"><li>火车媒体</li></a>
		          	<a href="http://localhost:8080/#/ymPassenger"><li>客运站媒体</li></a>
		          	<a href="http://localhost:8080/#/ymBuilding"><li>楼宇媒体</li></a>
		          	<a href="http://localhost:8080/#/ymSuper"><li>商超媒体</li></a>
		          	<a href="http://localhost:8080/#/ymFeature"><li>特色区域媒体</li></a>
		          </ul>
		
		          <div class="coverage" id="coverage">
		            <button>市区媒体</button>
		            <ul>
		              <li>单立柱</li>
		              <li>LED显示屏</li>
		              <li>灯箱</li>
		              <li>客车内广告</li>
		              <li>车身</li>
		              <li>座椅</li>
		              <li>电视</li>
		              <li>其他</li>
		            </ul>
		            <ul>
		              <li>吊旗</li>
		              <li>刷屏机</li>
		              <li>椅座广告</li>
		              <li>大牌</li>
		              <li>墙面</li>
		              <li>楼顶</li>
		              <li>立地</li>
		            </ul>
		          </div>
		
		        </div>
		        <ul class="column-subtitle clearfix">
		            <a href="http://localhost:8080/#/"><li>首页</li></a>
		            <a href="http://localhost:8080/#/ymStore"><li>商城</li></a>
		            <a href="http://localhost:8080/#/ymCase"><li>案例展示</li></a>
		            <a href="http://localhost:8080/#/ymExpert"><li>专家</li></a>
		            <a href=""><li>国际媒体</li></a>
		            <a href=""><li>鹰监测</li></a>
		            <a href="http://localhost:8080/#/ymMember"><li>会员中心</li></a>
		        </ul>
		      </div>
			
		    </div>
		    <!--  message  -->
		    <!--  个人介绍     -->
		    <div class="message">
		    	<div class="message-self">
			    	<div class="message-self-header">
			    		<img src="img/specualist/header.png" />
			    	</div>
			    	<div class="message-self-message">
			    		<h2>创意设计总经理</h2>
			    		<p><span>专家名字</span></p>
			    		<p>专长<span>：汽车、快消、IT、金融类广告创意</span></p>
			    		<p>咨询量<span>：569</span></p>
			    		<h3>
			    			<img src="img/specualist/QQ.png" />
			    			<span>2355580081</span>
			    			<img src="img/specualist/phone.png" />
			    			<span>010-56171913</span>
			    		</h3>
			    		<a href="http://localhost:8080/#/ymExpert">
			    			<div class="content">
				    			<div class="button">
				    				了解更多
				    			</div>
				    		</div>
			    		</a>
			    	</div>
			    </div>
			    <div class="messages">
			    	<div class="explain-text">
			    		<img src="img/specualist/cc1.png" />
			    		<h4>说 明 文 字</h4>
			    		<p>说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字</p>
			    	</div>
			    	<div class="explain-text">
			    		<img src="img/specualist/cc2.png" />
			    		<h4>价 格 透 明</h4>
			    		<p>说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字</p>
			    	</div>
			    	<div class="explain-text">
			    		<img src="img/specualist/cc3.png" />
			    		<h4>专 人 服 务</h4>
			    		<p>说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字</p>
			    	</div>
			    </div>
		    </div>
		    <div class="cases">
			    <div class="column-navbar grey">
			      <h1 class="column-title">
		        	<img class="column-icon" src="img/specualist/icon-yun1.png" />
		        	<span class="column-name">最新案例</span>
		        	<img class="column-arrow" src="img/specualist/bg-arrow.png" />
			      </h1>
			      <mark class="column-more">更多</mark>
			    </div>
			    <div class="column-content" >
			        <dl class="media-model">
			          <dt>
			            <img src="img/specualist/image.png" />
			          </dt>
			          <dd class="media-text-first">案例标题案例标题案例标题</dd>
			        </dl>
			        <dl class="media-model">
			          <dt>
			            <img src="img/specualist/image.png" />
			          </dt>
			          <dd class="media-text-first">案例标题案例标题案例标题</dd>
			        </dl>
			        <dl class="media-model">
			          <dt>
			            <img src="img/specualist/image.png" />
			          </dt>
			          <dd class="media-text-first">案例标题案例标题案例标题</dd>
			        </dl>
			        <dl class="media-model">
			          <dt>
			            <img src="img/specualist/image.png" />
			          </dt>
			          <dd class="media-text-first">案例标题案例标题案例标题</dd>
			        </dl>
			    </div>
		    </div>
		    <div class="cases case">
			    <div class="column-navbar grey">
			      <h1 class="column-title">
		        	<img class="column-icon" src="img/specualist/icon-yun1.png" />
		        	<span class="column-name">客户评价</span>
		        	<img class="column-arrow" src="img/specualist/bg-arrow.png" />
			      </h1>
			    </div>
			    <div class="user-model">
			    	<div class="headers">
			    		<img src="img/specualist/header1.png" />
			    	</div>
			    	<p>鹰目户外广告网是中国最大的户外广告投放平台，户外媒体行业服务平台。鹰目网秉承以“为客户提供有价值的服务”为宗旨，围绕“做专”“做专业”“做精细”服务方针，坚持“只做服务商”的经营理念，致力于以顾问形式，服务以户外广告买卖双方</p>
			    	<p>马瑟斯</p>
			    </div>
			    <div class="user-model">
			    	<div class="headers">
			    		<img src="img/specualist/header1.png" />
			    	</div>
			    	<p>鹰目户外广告网是中国最大的户外广告投放平台，户外媒体行业服务平台。鹰目网秉承以“为客户提供有价值的服务”为宗旨，围绕“做专”“做专业”“做精细”服务方针，坚持“只做服务商”的经营理念，致力于以顾问形式，服务以户外广告买卖双方</p>
			    	<p>马瑟斯</p>
			    </div>
			    <div class="user-model">
			    	<div class="headers">
			    		<img src="img/specualist/header1.png" />
			    	</div>
			    	<p>鹰目户外广告网是中国最大的户外广告投放平台，户外媒体行业服务平台。鹰目网秉承以“为客户提供有价值的服务”为宗旨，围绕“做专”“做专业”“做精细”服务方针，坚持“只做服务商”的经营理念，致力于以顾问形式，服务以户外广告买卖双方</p>
			    	<p>马瑟斯</p>
			    </div>
			    <div class="user-model">
			    	<div class="headers">
			    		<img src="img/specualist/header1.png" />
			    	</div>
			    	<p>鹰目户外广告网是中国最大的户外广告投放平台，户外媒体行业服务平台。鹰目网秉承以“为客户提供有价值的服务”为宗旨，围绕“做专”“做专业”“做精细”服务方针，坚持“只做服务商”的经营理念，致力于以顾问形式，服务以户外广告买卖双方。</p>
			    	<p>马瑟斯</p>
			    </div>
		    </div>
		    <div class="cases recommend">
			    <div class="column-navbar grey">
			      <h1 class="column-title">
		        	<img class="column-icon" src="img/specualist/icon-yun1.png" />
		        	<span class="column-name">鹰目户外介绍</span>
		        	<img class="column-arrow" src="img/specualist/bg-arrow.png" />
			      </h1>
			    </div>
			    <div class="recommend-text">
			    	<p>
			    		<span>鹰目户外广告网</span>是中国最大的户外广告投放平台，户外媒体行业服务平台。鹰目网秉承以“为客户提供有价值的服务”为宗旨，围绕“做专”“做专业”“做精细”的服务方针，坚持“只做服务商”的经营理念，致力于以顾问形式，服务于户外广告买卖双方。
			    	</p>
			    	
		    		<a href="">
			    		<div class="content">
			    			<div class="button">
			    				联系我们
			    			</div>
			    		</div>
		    		</a>
			    </div>
			</div>
			<!--  footer  -->
			<div class="footer-bar">
				<div class="footer-bg">
					<div class="w1200 footer-about clearfix">
						<ul>
							<h5>关于</h5>
							<li>
								<a href="javascript:;">关于我们</a>
							</li>
							<li>
								<a href="javascript:;">加入我们</a>
							</li>
							<li>
								<a href="javascript:;">团队</a>
							</li>
						</ul>
						<ul>
							<h5>服务</h5>
							<li>
								<a href="javascript:;">服务条款</a>
							</li>
							<li>
								<a href="javascript:;">隐私协议</a>
							</li>
						</ul>
						<ul>
							<h5>产品</h5>
							<li>
								<a href="javascript:;">如何使用</a>
							</li>
							<li>
								<a href="javascript:;">视频介绍</a>
							</li>
							<li>
								<a href="javascript:;">更新历史</a>
							</li>
							<li>
								<a href="javascript:;">FAQ</a>
							</li>
						</ul>
						<div class="we">
							<h5>关注我们</h5>
							<p class="icons">
								<a href="javascript:;"><img src="img/icon-wb.png" /></a>
								<a href="javascript:;"><img src="img/icon-wx.png" /></a>
								<a href="javascript:;"><img src="img/icon-qq.png" /></a>
							</p>
							<p class="text">鹰目户外广告网是中国最大的户外广告投放平台，户外媒体行业服务平台。鹰目网秉承以 “为客户提供有价值的服务” 为宗旨，围绕 “做专” “做专业” “做精细” 的服务方针，坚持 “只做服务商” 的经营理念，致力于以顾问形式，服务于户外广告买卖双方。</p>
						</div>
					</div>
				</div>
				<div class="footer-copyright">
					<div class="w1200">
						<div class="copyright">
							<p>
								<span>Copyright @ 2012-2017</span>
								<span>北京鹰目网络科技有限公司</span>
								<span>京ICP备14044439号-1</span>
								<img src="img/icon-g.png" />
								<span>京公网安备 11010802020633号</span>
							</p>
							<p>
								<span>地址：北京市海淀区上地东路35号颐泉汇大厦D座5层</span>
								<span>热线：400 650 7893</span>
								<span>传真：010-62681689/8248335</span>
							</p>
						</div>
						<div class="safety clearfix">
							<a href="javascript:;"><img src="img/safe-360.png" /></a>
							<a href="javascript:;"><img src="img/safe-kexin.png" /></a>
							<a href="javascript:;"><img src="img/safe-aqlm.png" /></a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="js/jquery-2.1.1.min.js"></script>
		<script src="js/jquery.raty.min.js"></script>
		
		<script>
			$(function() {
				$('#star').raty({
					path: 'img',
					precision: true
				});
			})
		</script>
		<script>
			$(function() {
				//			全部分类导航
				$('#column-title').mouseover(function() {
					$(this).siblings('.media-nav-tab').show();
				}).mouseout(function() {
					$(this).siblings('.media-nav-tab').hide();
				})
				$('.media-nav-tab').mouseover(function() {
					$(this).show();
					$(this).siblings('.coverage').show();
				}).mouseout(function() {
					$(this).hide();
					$(this).siblings('.coverage').hide();
				})
				$('.coverage').mouseover(function() {
					$(this).show();
					$(this).siblings('.media-nav-tab').show();
				}).mouseout(function() {
					$(this).hide();
					$(this).siblings('.media-nav-tab').hide();
				})
			})
		</script>
	</body>
</html>
